<template>
  <div class="app">
    <ul class="nav">
      <li>
        <router-link :to="{ name: 'shouye' }">首页</router-link>
      </li>
      <li>
        <router-link :to="{ path: 'shequ' }">社区</router-link>
      </li>
    </ul>
    <div>
      <img src="" alt="">
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.app {
  font-size: 28px;
  width: 100%;
  height: 70px;
  background-color: white;
  line-height: 70px;

  .nav {
    display: flex;
    li{
      a {
      text-decoration: none;
      color: black;
      margin: 5px 10px;
      }
      .router-link-active{
        color: red;
      }
    }
  }
}
</style>